<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理系统</title>
    <link rel="icon" href="/views/img/logo.png" type="image/x-icon">
    <link rel="shortcut icon" href="/views/img/logo.png" type="image/x-icon">
    <script src="/views/js/jquery-3.3.1.min.js"></script>
    <meta http-equiv=Content-Type content="text/html;charset=utf-8">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <style>
        *{padding: 0;margin: 0;color:#616161;font-size: 14px;}
        img{border: none}
        a{text-decoration: none}
        #left_list{float: left;display: block;width: 200px;background-color: #20222a;height: 1000px;}
        .list_x{height: 40px;line-height: 40px;text-align: center;font-size: 15px;font-weight:600;color: #b9b9bc }
        .list_x:hover{background:#c8e5f6 }
        .list_m{display: none;background: #FFFFFF}
        .right_top{height: 50px;float:none }
    </style>
</head>
<body>
     <!--左右结构-->
     <div id="left_list">     <!--左边导航-->
         <div>
             <div class="list_x">
                 <div class="lick_list_object">用户列表</div>
             </div>
             <div class="list_m">
                 <a href="/Test/" target="iframe_a">百度</a>
             </div>
         </div>
         <div>
             <div class="list_x">
                 <div class="lick_list_object">用户列表11</div>
             </div>
             <div class="list_m">
                 <a href="/Test2/" target="iframe_a">百度222</a>
             </div>
         </div>
     </div>
     <div id="right">   <!--右上--->
         <div class="right_top"></div>
         <iframe frameborder="0" name="iframe_a"></iframe>
     </div>
     <script>
         var list_x_index;
         $(".list_x").each(function (index){
             $(this).click(function(){
                 if(index ==list_x_index){
                     $(".list_m").hide();
                     list_x_index=-1;
                     $(".list_x").css({"color": "#616161", "borderTop": "none"});
                 }else {
                     $(".list_x").css({"color": "#616161", "borderTop": "none"});
                     $(".list_x:eq(" + index + ")").css({"color": "#438EB9"});
                     $(".list_m").hide();
                     $(".list_m:eq(" + index + ")").show();
                     list_x_index=index;
                 }
             });
         });
     </script>
</body>
</html>
